/* ========= 分类标签 ========= */
.category-list {
  display: inline-table;
  height: 5em;
  @extend .padding_0;
  @extend .margin_0;
  @extend .text-align-center;
  @extend .list-style-none;
}
.category-list-item {
  @extend .display-inlineBlock;
  @extend .vertical-align-top;
  margin: 1em .2em;
  @extend .font-size_18px;
  background-color: $category-background-color;
  border: 2px solid $category-background-color;
  transition: all ease .2s;
}
.category-list-item:hover {
  opacity: .9;
}
.category-list-item:hover .category-list-count {
  height: 1.6em;
}
.category-list-link,
.category-list-count {
  @extend .display-block;
  @extend .text-align-center;
}
.category-list-link {
  padding: 0 .5em;
  @extend .text-decoration-none;
  line-height: 1.8;
  color: $category-color;
}
.category-list-count {
  @extend .height_0;
  @extend .overflow-hidden;
  font-size: .9em;
  line-height: 1.6;
  @extend .background-color-fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: all ease .2s;
}
.category-list-count::after {
  content: "篇";
  @extend .display-inlineBlock;
  margin-left: .2em;
  font-size: .9em;
}
.tag-cloud {
  padding: 1em 17%;
  @extend .text-align-center;
}
.tag-cloud a {
  @extend .display-inlineBlock;
  @extend .vertical-align-top;
  margin: 0 .2em;
  @extend .text-decoration-none;
  line-height: 30px;
  color: $tag-color;
  transition: all ease .2s;
}
.tag-cloud a:hover {
  @extend .text-decoration-underline;
  color: $tag-color-hover;
  transform: scale(1.2);
}
